import React, { useEffect, useState } from 'react';
import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import MarkDownEditor from "@/components/markdown-editor";


export default function Article({ article }) {
    return (
        <div className="card">
            <div className="card-header">
                <div className="d-flex justify-content-end">编辑</div>
            </div>
            <div className="card-body">
                {article}
                {/* <APP></APP> */}
                <Mark></Mark>
            </div>
            <div className="card-footer">
                <div className="d-flex justify-content-end align-items-center">
                    <a href="#">下一章&nbsp;
                        <FontAwesomeIcon icon={faArrowRight} size="1x" />
                    </a>
                </div>
            </div>
        </div >
    )
};
